<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/gener.css">
    <link rel="stylesheet" href="font/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <a href="my.html" class="iconfont iconfanhui1" style="font-size:0.55rem"></a>
        <a href="#" style="font-size:0.35rem;line-height: 0.55rem">推广中心</a>
        <a href="#" style="font-size:0.35rem;line-height: 0.55rem">明细</a>
    </header>

    <!-- 内容区域 -->
    <section>
        <article class="commission">
            <aside class="comm">
                <div style="width: 1.68rem;height:1.68rem;position: absolute;top:-0.9rem;left: 38%;border-radius: 50%;"><img style="width: 100%;height:100%;border-radius: 50%" src="img/小老鼠.jpg" alt=""></div>
                <p style="text-align: center;height: 0.36rem;width: 6.72rem;border-bottom: 0.06rem solid #eee;margin-left: 0.18rem;">累计佣金(元)</p>
                <ul>
                    <li>
                        <p>可提现佣金</p>
                        <p>0</p>
                    </li>
                    <li>
                        <p>成功提现</p>
                        <p>0</p>
                    </li>
                    <li style="border-right: none">
                        <p>推广订单(笔)</p>
                        <p>0</p>
                    </li>
                </ul>
            </aside>
        </article>

        <article class="promotion">
            <p style="font-size: 0.28rem;width: 6.66rem;height: 0.46rem;margin: 0 auto;line-height: 0.46rem;border-left: 0.08rem solid #eec14f;padding-left: 0.2rem;margin-top: 0.2rem;">推广课程</p>
        </article>
        <article class="picture">
            <div class="block">
                <div>
                    <img src="img/秦萧.jpg" alt="" style="width: 100%;height: 100%" />
                </div>
                <div>
                    <div>
                        <p>超写实并不难0基础快速上手掌握</p>
                        <p><span>素描</span><span>静物</span><span>花卉</span></p>
                    </div>
                    <div>
                        <span>导师：秦潇</span>
                        <span style="color: #EEC14F; ">35人已购</span>
                    </div>
                </div>
            </div>
        </article>
        <article class="picture">
            <div class="block">
                <div>
                    <img src="img/秦萧.jpg" alt="" style="width: 100%;height: 100%" />
                </div>
                <div>
                    <div>
                        <p>超写实并不难0基础快速上手掌握</p>
                        <p><span>素描</span><span>静物</span><span>花卉</span></p>
                    </div>
                    <div>
                        <span>导师：秦潇</span>
                        <span style="color: #EEC14F; ">35人已购</span>
                    </div>
                </div>
            </div>
        </article>
    </section>


    <!-- 底部
    <footer>

    </footer> -->
</body>

</html>